<template>
	<DetailPage v-bind="detailConfig" :model="nowData"></DetailPage>
</template>

<script setup lang="ts">
import { getAreaObj } from '@/utils/util'
import DetailPage from '@/views/aplid/DetailPage/index.vue'
import { detailConfig } from '@/views/datacenter/basicData/serviceOrgHome/components/config'

const nowRowData: any = inject('nowRowData') ||{}
const nowData: any = ref({})
const getInitData = () => {
  const data = nowRowData.value.dpServiceOrgHomeFile ||{}
	const areas = getAreaObj(data)
	const region = getAreaObj(data, 'now')
	nowData.value = {
		...data,
		areas,
		region,
	}
}

onMounted(() => {
	getInitData()
})
</script>

<style scoped>
.bottom {
	margin-top: 13px;
	line-height: 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.detail-label {
	color: #eee;
}

.image {
	width: 90%;
	/* height: 220px; */
	display: block;
}
</style>
